@import "_common.scss";
 
.content{
	padding-top: var(--status-bar-height);
	.header{
		padding: 0 ws(15);
		padding-top: ws(15);
		color:  #414141;
		font-size: ws(25);  
	}
	.title{
		padding: ws(10) ws(15); 
		font-size: ws(15);
		display: flex;
		align-items: center;
		color: darken($main-color,10%);
		.icon{
			width: ws(15);
			height: ws(15);
			margin-right: ws(1);
		}
	}
	
		.module-list{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			padding: 0 ws(15);
			.item{
				position: relative;
				overflow: hidden;
				display: flex;
				align-items: center;
				margin-bottom: ws(10);
				width: ws(335/2);
				height: ws(230/2);
				border-radius: ws(15);
				background-color: #fff;
				box-shadow: $shaow-bottom;
				.item-image{
					width: ws(335/2);
					margin-bottom: ws(30);
				}
				.item-title{
					position: absolute;
					left: 0;
					right: 0;
					margin: auto;
					bottom: ws(8);
					text-align: center;
					font-size: ws(26/2);
					letter-spacing: ws(3);
					color: $main-color;
				}
			}
		}
	
}

